﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<meta name="format-detection" content="telephone=no">
<meta name="MobileOptimized" content="320">
<title>无标题文档</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />
    <!--<script src="js/alloydesigner.js"></script>-->
    <script src="js/jquery-1.4.1.min.js" type="text/javascript"></script>


    
    
</head>

<body>

<div class="wrapper" id="wrapper">

	<div class="content activity singlepage">
    
        <div class="tbody">
        
       	  	<div class="banner">
            
            	<div class="b_til" style="position:relative; z-index:2;">
                
                    <div class="banner_ret"  style="z-index:996;"></div>
                    
                    <div class="banner_index" style="z-index:996;"></div>
                    
                </div>
            
                <div class="banner_group">

                	<div class="img"><img src="images/act2.jpg" /></div>
                
                	<div class="tit">自己做饭自己吃 <!--<span class="s2">音乐</span>--></div>
                    
                    <div class="txt">美食 · 烹饪 · 生活</div>
                
                </div>
 
              	<img class="bg2 blur" src="images/bg2.png" />
              	<canvas class="bg2" id="canvas" ></canvas>
                
            </div>

            <div class="activity details">
      
                <div class="title" style="margin-top:0px; margin-bottom:3%; border-bottom:1px solid #ddd;">
                
                	<div class="st">
                              
                            <div class="q_x1" style="height:20px;">
                                
                                <div class="mass" style="padding-left:0;">
                                
                                    群成员
                                    
                                </div>
                                
                                <div class="more">435人 ></div>
                            
                            </div>
        
                        </div>
                
                    <div class="st" >
                        
                        <a href="#" class="pers" style="margin-right:20px;">
                        
                            <div class="user_img">
                            
                                <img src="images/act6.jpg"/>
                            
                            </div>
                            
                            <div class="v"></div>

                        </a>
                        
                        <div class="xt_ec_g"></div>
                        
                        <a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                        <a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                        <a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                      	<a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                        <a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                      	<a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                        <a href="#" class="pers">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                        <a href="#" class="pers" style="margin-right:0;">
                        
                            <div class="user_img"><img src="images/tx2.png"/></div>

                        </a>
                        
                      	

                    </div>
                    
                    
                </div>
                
                <div style="display: none;" class="audit  piaofu-aud">
                        
                    <div class="audit_Signs" >
                    
                        <span class="type">
                        
                            	群活动（43）
                            
                        </span>
                        
                    </div>
                    
                    <div class="audit_Sign" >
                    
                        <span class="sort">
                        
                            	精选文章（153）
                            
                        </span>
                            
                    </div>
                    
                    
                    <!--<div class="audit_Sign1" >
                    
                        <span class="sort">
                        
                            	群活动（43）
                            
                        </span>
                            
                    </div>-->
                    
                    
                    <div class="xt_d7"></div>
                    
                </div>
 
                <div style=" display:block; padding:0; margin:0;" class="audit  guding-aud">
                    
                    <div class="audit_Signs" >
                    
                        <span class="type">
                        
                            	群活动（43）
                            
                        </span>
                        
                    </div>
                    
                    <div class="audit_Sign">
                        <span class="sort">
                        
                            	精选文章（153）
                            
                        </span>    
                    </div>
                    
                    <!--<div class="audit_Sign1" >
                    
                        <span class="sort">
                        
                            	群活动（43）
                            
                        </span>
                            
                    </div>-->
                    
                    <div class="xt_d7" style="margin-top:-1px;"></div>
                    
                </div>
                
                
                <div class="flaot13" style="position:relative;">
				
	                
	                
	                <div class="log" style="margin: 15% auto;">
	                
	                	 <img src="images/ss_off.png"><br><span class="text">暂时没有活动</span>
	                
	                </div>
	                
	                
	            </div>
                
                
                
                <div class="bgcolor">
                
                	<a href="#">

                        <div class="infor">
                    
                            <div class="items">
                            
                                <div class="img">
                                
                                    <span class="img"><img src="images/act6.jpg"></span>
                                
                                </div>
    
                                <div class="wd"  style="max-width: 550px;">
                                
                                    <span class="st">生态学博士带队，自然博物馆</span>
                                    
                                    <span class="time">2015年04月3日~2016年05月01日·海豚湾剧场</span>
                                    
                                    <span class="time" >
                                    
                                        <span class="s2" >叮当派</span>
                                    
                                    </span>
                                    
                                    <span class="t_user">
                                    
                                        <div class="x1">
                                            
                                            <div class="user"><span class="s2">火热报名中</span></div>
                                            
                                        </div> 
                                        
                                        <!--<span class="s1" ><span class="s2">火热报名中</span></span>-->
                                        
                                    </span> 
                                    
                                </div>
                                
                            </div>
                            
                            <!--<div class="title">vip</div>-->
                    
                        </div>

                    </a>
                    
                
                	<div class="xt_d"></div>
                    
                    <a href="#">

                        <div class="infor">
                    
                            <div class="items">
                            
                                <div class="img">
                                
                                    <span class="img"><img src="images/act6.jpg"></span>
                                
                                </div>
    
                                <div class="wd"  style="max-width: 550px;">
                                
                                    <span class="st">生态学博士带队，自然博物馆</span>
                                    
                                    <span class="time">2015年04月3日~2016年05月01日·海豚湾剧场</span>
                                    
                                    <span class="time" >
                                    
                                        <span class="s2" >叮当派</span>
                                    
                                    </span>
                                    
                                    <span class="t_user">
                                    
                                        <div class="x1">
                                            
                                            <div class="user"><span class="s2">火热报名中</span></div>
                                            
                                        </div> 
                                        
                                        <!--<span class="s1" ><span class="s2">火热报名中</span></span>-->
                                        
                                    </span> 
                                    
                                </div>
                                
                            </div>
                            
                            <!--<div class="title">vip</div>-->
                    
                        </div>

                    </a>
                    
                
                	<div class="xt_d"></div>
                    
                    <a href="#">

                        <div class="infor">
                    
                            <div class="items">
                            
                                <div class="img">
                                
                                    <span class="img"><img src="images/act6.jpg"></span>
                                
                                </div>
    
                                <div class="wd"  style="max-width: 550px;">
                                
                                    <span class="st">生态学博士带队，自然博物馆</span>
                                    
                                    <span class="time">2015年04月3日~2016年05月01日·海豚湾剧场</span>
                                    
                                    <span class="time" >
                                    
                                        <span class="s2" >叮当派</span>
                                    
                                    </span>
                                    
                                    <span class="t_user">
                                    
                                        <div class="x1">
                                            
                                            <div class="user"><span class="s2">火热报名中</span></div>
                                            
                                        </div> 
                                        
                                        <!--<span class="s1" ><span class="s2">火热报名中</span></span>-->
                                        
                                    </span> 
                                    
                                </div>
                                
                            </div>
                            
                            <!--<div class="title">vip</div>-->
                    
                        </div>

                    </a>
                    
                
                	<div class="xt_d"></div>

                    
                    <a href="#">

                        <div class="infor">
                    
                            <div class="items">
                            
                                <div class="img">
                                
                                    <span class="img"><img src="images/act6.jpg"></span>
                                
                                </div>
    
                                <div class="wd"  style="max-width: 550px;">
                                
                                    <span class="st">生态学博士带队，自然博物馆</span>
                                    
                                    <span class="time">2015年04月3日~2016年05月01日·海豚湾剧场</span>
                                    
                                    <span class="time" >
                                    
                                        <span class="s2" >叮当派</span>
                                    
                                    </span>
                                    
                                    <span class="t_user">
                                    
                                        <div class="x1">
                                            
                                            <div class="user"><span class="s2">火热报名中</span></div>
                                            
                                        </div> 
                                        
                                        <!--<span class="s1" ><span class="s2">火热报名中</span></span>-->
                                        
                                    </span> 
                                    
                                </div>
                                
                            </div>
                            
                            <!--<div class="title">vip</div>-->
                    
                        </div>

                    </a>
                    
                    

                </div>
                
                
                

            </div>
     
      	</div>

        <div class="item_but_clear"></div>
        <div class="item_but_clear"></div>
        
        <div class="item_buts">
        
            <a href="#" class="add"> + 加入群组</a>
 
        </div>
        
        
        <div class="ext8" style=" display: none;"> 
        	<div class="flaot12 dk">
                <div class="top">
                
                
                	<div class="t1"><b>在“叮当派”中打开链接吗？</b></div>
                    
                    
                </div>
                <div class="xt_e" style="margin:0;"></div>
                <div class="bottom">
                
                	<a href="#" class="l1"><b>取消</b></a>
                    <div class=" xt_ec_c" style=" height:100%; margin-top:0;"></div>
                    <a href="#" class="r2">打开</a>
                
                </div>
                
                
            </div>
        </div>
        
        
        <div class="flaot16" style="display: none;">

            <div class="buts">
            	
                <img src="images/zf3.png">
            
            </div>
            
            
        </div>
        

    </div>
    
</div>


<script type="text/javascript">
 

        var gtop = $(".guding-aud").offset().top ;

        $(window).scroll(function(){ 
            
            var ptop = $(".piaofu-aud").offset().top ;

            if(ptop<gtop)
            {
                $(".guding-aud").show();
                $(".piaofu-aud").hide();
                
                return;
            } 
            if(ptop>gtop)
            {
                $(".guding-aud").hide();
                $(".piaofu-aud").show();
            }
        });

       


    
</script>




</body>

</html>
